<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>Logvan</title>
<link rel="shortcut icon" href="/escolares/html/images/icon/van.png">
<link href="/escolares/html/css/bootstrap.css" rel="stylesheet"
	type="text/css">
<link href="/escolares/html/css/DT_bootstrap.css" rel="stylesheet"
	type="text/css">

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/escolares/html/js/bootstrap.js"></script>
<script src="/escolares/html/js/jquery.dataTables.js"></script>
<script src="/escolares/html/js/DT_bootstrap.js"></script>
<script src="/escolares/html/js/jquery.Rut.min.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$('#tRut').Rut({
			on_error: function(){ alert('Rut incorrecto'); $('#tRut').focus(); },
			format_on: 'change'
		});
	    $('#bGuardar').click(function(){
	    	 if($("#tRut").val() == "" ){
		        	alert("Debe Ingresar el Rut del apoderado");
		        	$('#tRut').focus();
		        	  return false;
		        }
	    	 
	    	 if($("#tNombres").val() == ""){
		        	alert("Debe Ingresar el Nombre del apoderado");
		        	$('#tNombres').focus();
		        	  return false;
		        }
	    	 
	    	 if($("#tApellidos").val() == ""){
		        	alert("Debe Ingresar los Apellidos del apoderado");
		        	$('#tApellidos').focus();
		        	  return false;
		        }
	    	 if($("#tDireccion").val() == ""){
		        	alert("Debe Ingresar la Dirección del apoderado");
		        	$('#tDireccion').focus();
		        	  return false;
		        }
    	
	        if($("#tEmail").val().indexOf('@', 0) == -1 || $("#tEmail").val().indexOf('.', 0) == -1) {
	            alert('El correo electrónico introducido no es correcto.');
	            $('#tEmail').focus();
	            return false;
	        }
	        if($("#tTelefono").val() == ""){
	        	alert("Debe Ingresar la Telefono del apoderado");
	        	$('#tTelefono').focus();
	        	  return false;
	        }
	        if($("#tContratoId").val() == ""){
	        	alert("Debe Ingresar el Numero de contrato del apoderado");
	        	$('#tContratoId').focus();
	        	  return false;
	        }
	        if($("#sDiasPago").val() == -1){
	        	alert("Debe Seleccionar dia de Pago");
	        	$('#sDiasPago').focus();
	        	  return false;
	        }
	       
	    });
	});
</script>


<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>

<body>
	<div class="container">
		<!-- Main component for a primary marketing message or call to action -->
		<%@include file="../../_common/nav-var.jsp"%>
		<div class="well">
			<s:if test="okMessage=='Datos Guardados Satisfactoriamente.'">
				<div class="alert alert-success">
					<s:property value="okMessage" />
				</div>
			</s:if>
			<s:if test="errorMessage=='Se ha producido un error inesperado.'">
				<div class="alert alert-error">
					<s:property value="errorMessage" />
				</div>
			</s:if>

			<h4 style="color: #5BB75B;">Nuevo Apoderado</h4>
			<s:form id="formApoderado" cssClass="form-inline" role="form"
				method="post" theme="simple" namespace="">
				<s:hidden name="existOrNew" value="0"></s:hidden>
				<div class="control-group">
					<hr class="bs-docs-separator">

					<div class="controls">
						<s:hidden name="apoderado.usuarioId" value="%{usuario.usuarioId}"></s:hidden>
						<s:textfield cssClass="span3" id="tRut" placeholder="Ingrese Rut"
							name="apoderado.rut"></s:textfield>
						<s:textfield cssClass="span3" id="tNombres"
							placeholder="Ingrese Nombre" name="apoderado.nombres"></s:textfield>
						<s:textfield cssClass="span3" id="tApellidos"
							placeholder="Ingrese Apellidos" name="apoderado.apellidos"></s:textfield>
					</div>

					<div class="controls">
						<s:textfield cssClass="span3" id="tDireccion"
							placeholder="Ingrese Direccion" name="apoderado.direccion"></s:textfield>
						<s:textfield cssClass="span3" id="tEmail"
							placeholder="Ingrese Email" name="apoderado.email"></s:textfield>
						<s:textfield cssClass="span3" id="tTelefono"
							placeholder="Ingrese Telefono" name="apoderado.telefono"></s:textfield>

					</div>
					<div class="controls">
						<s:textfield cssClass="span2" id="tContratoId"
							placeholder="Id Contrato" name="apoderado.contratoId"></s:textfield>
						<s:select id="sDiasPago" headerValue="Seleccione dia de pago"
							headerKey="-1" cssClass="span3" name="apoderado.diaPago"
							list="diasPago">
						</s:select>

					</div>
					<br>

					<s:submit id="bGuardar" action="saveApoderado" key="label.new"
						cssClass="btn btn-lg btn-primary" cssStyle="margin-left:20px;" />
				</div>

			</s:form>
			<h4 style="color: #5BB75B;">Listado De Apoderados</h4>

			<hr class="bs-docs-separator">
			<table cellpadding="0" cellspacing="0" border="0"
				class="table table-striped table-bordered" id="example">
				<thead>
					<tr>
						<th>Nombres</th>
						<th>Apellidos</th>
						<th>Direccion</th>
						<th>Telefono</th>
						<th>Dia Pago</th>
						<th>Alumnos</th>
						<th>Acciones</th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="apoderados" var="apoderado">
						<tr>
							<td><s:property value="nombres" /></td>
							<td><s:property value="apellidos" /></td>
							<td><s:property value="direccion" /></td>
							<td><s:property value="telefono" /></td>
							<td><s:property value="diaPago" /></td>
							<td><s:iterator status="alumnosMap" value="alumnosMap">
									<s:if test="#apoderado.apoderadoId == key">
										<s:property value="value" />
									</s:if>
								</s:iterator></td>
							<td><s:url id="deleteUrl" action="deleteApoderado">
									<s:param name="apoderadoId" value="%{#apoderado.apoderadoId}" />
									<s:param name="usuarioId" value="usuario.usuarioId" />
								</s:url> <s:url id="editUrl" action="editApoderado">
									<s:param name="apoderadoId" value="%{#apoderado.apoderadoId}" />
									<s:param name="usuarioId" value="usuario.usuarioId" />
								</s:url> <s:form id="%{#apoderado.apoderadoId}"
									cssStyle="margin: 0 0 0 0" role="form" method="post"
									theme="simple" namespace="/">
									<s:a href="%{editUrl}" cssClass="btn btn-info"
										onclick="return true;">Modificar</s:a>
									<s:a href="%{deleteUrl}" cssClass="btn btn-danger"
										onclick="return confirm('¿Realmente Desea Eliminar el Apoderado?')">Eliminar</s:a>
								</s:form></td>
						</tr>
					</s:iterator>
				</tbody>
			</table>
		</div>
	</div>
</body>
</html>
